<template>
  <div class="moreAction">
    <van-cell-group v-if="!active">
        <van-cell @click='$emit("dislike")' value="不感兴趣" />
        <van-cell value="举报垃圾内容" @click="active = true"/>
        <van-cell value="拉黑作者" />
    </van-cell-group>
    <van-cell-group v-else>
        <van-cell icon="arrow-left" @click="active = false" value="返回" />
        <van-cell @click="$emit('reports', item.value)" v-for="item in reports" :key="item.value" >
          {{item.label}}
        </van-cell>
    </van-cell-group>
  </div>
</template>

<script>
import reports from '@/constant/reports'
export default {
  name: 'moreAction',
  data () {
    return {
      reports: reports,
      active: false
    }
  }

}
</script>

<style>

</style>
